<template>
  <div>
    <div class="headbxo">
      <div class="onebox">
        <div style="margin-left: 34px;">
          <img style="width: 32px;height: 32px;" src="@/assets/img/1@2x.png"></img>
        </div>
        <div style="margin-left: 34px;">
          <div style="font-size: 24px;color: #0F0F0F;font-weight: 400;">
            3231
          </div>
          <div style="font-size: 12px;color: #0F0F0F;font-weight: 400;">
            全省体校数量
          </div>
        </div>
      </div>
      <div class="onebox">
        <div style="margin-left: 34px;">
          <img style="width: 32px;height: 32px;" src="@/assets/img/icon-form-dc0819@2x.png"></img>
        </div>
        <div style="margin-left: 34px;">
          <div style="font-size: 24px;color: #0F0F0F;font-weight: 400;">
            3231
          </div>
          <div style="font-size: 12px;color: #0F0F0F;font-weight: 400;">
            全省体校教练员数量
          </div>
        </div>
      </div>
      <div class="onebox">
        <div style="margin-left: 34px;">
          <img style="width: 32px;height: 32px;" src="@/assets/img/icon-excel-0f467e@2x.png"></img>
        </div>
        <div style="margin-left: 34px;">
          <div style="font-size: 24px;color: #0F0F0F;font-weight: 400;">
            3231
          </div>
          <div style="font-size: 12px;color: #0F0F0F;font-weight: 400;">
            全省文化教师数量
          </div>
        </div>
      </div>
      <div class="onebox">
        <div style="margin-left: 34px;">
          <img style="width: 32px;height: 32px;" src="@/assets/img/icon-doc-ede672@2x.png"></img>
        </div>
        <div style="margin-left: 34px;">
          <div style="font-size: 24px;color: #0F0F0F;font-weight: 400;">
            3231
          </div>
          <div style="font-size: 12px;color: #0F0F0F;font-weight: 400;">
            学生走向累计数量
          </div>
        </div>
      </div>
    </div>

    <div class="twoBox">
      <div style="width: 1222px;height: 391px;">
        <div>体校项目在训人数</div>
      </div>
      <div></div>
    </div>

  </div>
</template>

<script>
</script>

<style>
  .headbxo {
    display: flex;
    justify-content: space-around;

    .onebox {
      width: 395px;
      height: 160px;
      background: #FFFFFF;
      margin-top: 24px;
      margin-right: 18px;
      display: flex;
      flex-direction: column;
      justify-content: space-around;

    }
  }

  .twoBox {
    margin-top: 16px;
    display: flex;
    justify-content: space-around;
     background: #FFFFFF;
  }
</style>
